import React from 'react'
import { LoadedStyle, LoadingMoreStyle, ComponentLoadingStyle } from './style'
import Logo from './Logo'


export const Loaded = (props) => {

  return (
    <>
      <LoadedStyle>
        <p>已加载全部</p>
      </LoadedStyle>
    </>
  )
}

export const LoadingMore = (props) => {

  return (
    <>
      <LoadingMoreStyle>
        {props.path === 'home' && props.length > props.number && <p>{props.isLoading ? '加载中...' : '已加载全部'} </p>}
        {!props.path && <p>{props.isLoading ? '加载中...' : '已加载全部'} </p>}
        <Logo />
      </LoadingMoreStyle>
    </>
  )
}

export const ComponentLoading = (porps) => {

  return (
    <ComponentLoadingStyle>
      <div className="pswp__preloader__icn"  >
        <div className="pswp__preloader__cut">
          <div className="pswp__preloader__donut">

          </div>
        </div>
      </div>
    </ComponentLoadingStyle>
  )
}
